"use strict";

////////////////////////////////////////////////////////////////////////////////
// IMPORTS

import React, {
    Component,
} from 'react';
import {
    StyleSheet,
    TouchableHighlight
} from 'react-native';

////////////////////////////////////////////////////////////////////////////////
// STYLES

var styles = StyleSheet.create({
    button: {
        backgroundColor: 'white',
        padding: 15,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderBottomColor: '#CDCDCD',
    }
});

////////////////////////////////////////////////////////////////////////////////
// COMPONENTS

class NavButton extends React.Component {
    render() {
        return (
            <TouchableHighlight
                style={styles.button}
                underlayColor="#B5B5B5"
                onPress={this.props.onPress}>
                <Text style={styles.buttonText}>{this.props.text}</Text>
            </TouchableHighlight>
        );
    }
}